<template>
    <section class="checkContent" v-loading="pageLoad">
        <el-tabs type="card" v-model="tabActive">
            <el-tab-pane label="任务管理" name="任务管理" v-if="user.roleCode=='CITY_LEADER'">
                <assessmentRelease v-if="tabActive==='任务管理'"> </assessmentRelease>
            </el-tab-pane>
            <el-tab-pane label="
            考核打分" name="考核打分" v-if="user.roleCode !='CITY_LEADER'">
                <!-- <IndexScore v-if="tabActive==='考核打分'"></IndexScore> -->
                <NewIndexScore v-if="tabActive==='考核打分'"></NewIndexScore>
            </el-tab-pane>
            <el-tab-pane label="任务审核" name="任务审核" v-if="user.roleCode =='CITY_LEADER'">
                <TaskReview v-if="tabActive==='任务审核'"></TaskReview>
            </el-tab-pane>
<!--            <el-tab-pane label="功能编辑" v-if="user.roleCode === 'CITY_LEADER'">-->
<!--            </el-tab-pane>-->
        </el-tabs>
    </section>

</template>

<script>
    import assessmentRelease from "@/components/assessmentRelease";
    import IndexScore from "@/components/IndexScore";
    import NewIndexScore from "@/components/NewIndexScore";
    import TaskReview from "@/components/TaskReview";
    export default {
        name: "CheckContent",
        data(){
            return{
                currentCunDistrictId:'',
                user:{},
                dailyCurrentTask:{
                    hasCheckTask:false,
                },
                currentTask:{
                    taskId:'',
                    hasCheckTask:false,
                },
                dailyTask:{},
                endTime:'',
                checkTaskObject:{},
                dailyTaskObj : {},
                success : true,
                pageLoad:false,
                tabActive:'',
            }
        },
        components:{
            assessmentRelease,
            IndexScore,
            NewIndexScore,
            TaskReview
        },
        methods:{
        },
        created() {
            this.user = JSON.parse(sessionStorage.getItem("userInfo"));
            if(this.user.roleCode==='CITY_LEADER'){
                this.tabActive = '任务管理'
            }else{
                this.tabActive = '考核打分'
            }
            if(this.user.roleCode==='TOWN_REVIEWER'){
            };
        }
    }
</script>
<style scoped>
    .checkContent {
        margin:0 10px;
    }

</style>
<style>
    .checkContent .el-tabs--card>.el-tabs__header{
        border: none;
        background:linear-gradient(to right,#64a9b3,#45a04e) ;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }
    .checkContent .el-tabs--card>.el-tabs__header .el-tabs__item.is-active{
        border: 0px solid transparent !important;
        line-height: 35px;
        height: 35px;
        color: #69AD9C;
        background: #fff!important;
        margin-top: 3px;
    }
    .checkContent .el-tabs__item{
        height: 35px;
        line-height: 35px;
        margin: 3px 0px -1px 0px;
        color: #FFFFFF;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
        border: 0px solid transparent !important;
        background: transparent!important;
    }
    .checkContent .el-tabs--card>.el-tabs__header .el-tabs__item:first-child{
        margin-left: 3px;
    }
</style>
